<script>
  export let size = "1em";
  export let color = "currentColor";
  export let className = "";
</script>

<svg
  height={size}
  viewBox="0 0 24 24"
  fill="none"
  xmlns="http://www.w3.org/2000/svg"
  class={className}
>
  <path
    fill-rule="evenodd"
    clip-rule="evenodd"
    d="M22 12C22 17.5229 17.5229 22 12 22C6.47705 22 2 17.5229 2 12C2 6.47705 6.47705 2 12 2C17.5229 2 22 6.47705 22 12ZM11.25 10.3127C10.9739 10.3127 10.75 10.5366 10.75 10.8127V16.8977C10.75 16.999 10.7803 17.0935 10.8323 17.1724C10.9216 17.3081 11.0752 17.3977 11.25 17.3977H12.75C13.0261 17.3977 13.25 17.1738 13.25 16.8977V10.8127C13.25 10.5366 13.0261 10.3127 12.75 10.3127H11.25ZM12 8.5979C11.5869 8.5979 11.2327 8.47119 10.937 8.21802C10.6458 7.96094 10.5 7.65356 10.5 7.2959C10.5 7.11816 10.5369 6.95312 10.6106 6.80078C10.6833 6.6499 10.7922 6.51172 10.937 6.38574C11.2327 6.12866 11.5869 6 12 6C12.4131 6 12.7651 6.12866 13.0566 6.38574C13.3523 6.63892 13.5 6.94238 13.5 7.2959C13.5 7.65356 13.3523 7.96094 13.0566 8.21802C12.7651 8.47119 12.4131 8.5979 12 8.5979Z"
    fill={color}
  />
</svg>
